<template>
	<view class="box">
		<image src="https://cantonese-basket.oss-cn-guangzhou.aliyuncs.com/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E8%8F%9C%E7%AF%AE%E5%AD%90%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%871.png" mode="heightFix" @click="onVideo()"></image>
		
		<view class="a">
			<view class="f"  v-for="l in list" style="margin: 20rpx 20rpx 30rpx 20rpx;
			border-radius: 2rpx;" >
			<view class="" style="background-color: #fff;" @click="onDetails(l.id)">
				<view class="b">
					<view class="c">
						{{l.xiangmu}}
					</view>
					<view class="d">
						{{l.zijing}}
					</view>
				</view>
				<view class="g">
					<view class="">
						{{l.name}}
					</view>
					<view class="">
						采购方式:{{l.caigoufangshi}}
					</view>
				</view>
				<view class="g">
					<view class="">
						地址：{{l.dizhi}}
					</view>
					<view class="" style="display: flex;">
						<view style="font-weight: 700;">{{l.miximixi}}</view>
						<u-image :src="l.icon" shape="circle" height="50" width="50"></u-image>
					</view>
				</view>
				
			</view>
				<hr>
			</view>
			
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{	id:1,
						name:"广州市荔湾中心医院",
						xiangmu:"广州市荔湾中心医院食堂承包项目",
						caigoufangshi:"公开招标",
						dizhi:"广州市荔湾区荔湾路35号",
						lianxifangshi:"020-81346936",
						icon:"https://wahosa-cailanzi.oss-cn-guangzhou.aliyuncs.com/suolonguser.jpg",
						zijing:"5-7K",
						miximixi:"温先生"
					},
					{	id:2,
						name:"广州市天河区第一实验小学",
						xiangmu:"广州市天河区第一实验小学食材采购配送项目",
						caigoufangshi:"公开招标",
						dizhi:"广州市天河区海业路80号",
						lianxifangshi:"020-38200393",
						icon:"https://wahosa-cailanzi.oss-cn-guangzhou.aliyuncs.com/liangchaowei.jpg",
						zijing:"7-12K",
						miximixi:"李先生"
					}
				]
			}
		},
		methods: {
			onDetails(e){
				uni.navigateTo({
					url:"/pages/index/supplyChain/details/details?id="+e
				})
			},
			onVideo(){
				uni.navigateTo({
					url:"/pages/index/video/video"
				})
			}
		}
	}
</script>

<style>
	.a{
		background-color: #f7f7f7;
	}
	.b{
		
		display: flex;
		justify-content: space-between;
	}
	.c{
		font-size: 30rpx;
		font-weight: 700;
	}
	.d{
		color: red;
		font-size: 35rpx;
	}
	.g{
		display: flex;
		justify-content: space-between;
		font-size: 25rpx;
		margin: 15rpx 0;
	}
</style>